@charset "utf-8";
/*
色彩调整：
蓝绿色：#3bb3c2;
辅助色：#72706f;
*/
header,footer,nav,body, dl, dt, dd,pre,ul,ol, form, field, input, p, blockquote, th, td, h1, h2, h3, h4, h5, h6,table,tr,td,th {
	margin:0;
	padding:0;
	border:0;
	color:#333;
	font-size:14px;
	list-style:none;
}

body {
font:12px/150% Tahoma, Geneva,Arial, Helvetica, 'OpenSansSemibold', sans-serif,'华文细黑','Microsoft YaHei';
/*background:url(../images/body_bg.png) #E5E7E9;*/
width:auto;
height:auto;
display:block;
}

a{color:#333;text-decoration:none;}
a:hover{color:#3bb3c2; text-decoration:none;}

ul, ol { list-style:none;}

input, textarea, select, button, file {font-size:13px;margin:5px 0; }
img { border:none;vertical-align:middle;}
input,select,textarea,.textarea_style,.input-text {vertical-align:middle;}
i  {font-style: normal;font-weight:normal; }

.warp {
	width:100%;
	height:auto;
	/*min-height:768px;*/
	overflow:hidden;
	display:block;
	zoom:1;
	padding:0;
	margin:80px 0 0 0;
}

#main {
	max-width:1200px;
	width:100%;
	height:auto;
	margin:0px auto;
	padding:0px 0 0 0;
	display:block;
	overflow:hidden;
}

.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.tc{text-align:center;}
.tl{text-align:left;}

.bt1{border-top:solid #dbdbdb 1px;}
.bdr5{border-radius:5px;}

.mc{margin:0 auto;}
.mt5{margin-top:5px;}
.ml5{margin-left:5px;}
.mr5{margin-right:5px;}
.mb5{margin-bottom:5px;}

.mt10{margin-top:10px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}

.mt20{margin-top:20px;}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}

.mt30{margin-top:30px;}
.ml30{margin-left:30px;}
.mr30{margin-right:30px;}
.mb30{margin-bottom:30px;}

.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}


.pd5{padding:5px;}
.pd10{padding:10px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}

.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}

.fRed{color:red;}
.fWhite{color:white;}
.fGray{color:gray;}

.bgWhite{background:white;}
.bgRed{background:red;}
.bgGray{background:gray;}
.bgGreen{background:#3bb3c2;}
.bgYellow{background:#FFBB00;}
.bgOrange{background:#FDA400;}
.bgOranges{background:#FF8D02;}

.button{
	float:left;
	color:#FFF;
	font-size:14px;
	padding:5px 15px;
	height:auto;
	display:block;
	border:solid #dbdbdb 1px;
	border-radius:5px;
	background:#3bb3c2;
	margin:10px 5px;
	box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
	transition: all 0.1s linear;
	}
.button a{color:#FFF}



.none{display:none;}

.wauto{width:auto;}
.hauto{height:auto;}

.h50{height:50px;}
.lh50{line-height:50px;}

.h40{height:40px;}
.lh40{line-height:40px;}

.h80{height:80px;}
.lh80{line-height:80px;}

.h100{height:100px;}
.lh100{line-height:100px;}

.h120{height:120px;}
.lh120{line-height:120px;}

.h150{height:150px;}
.lh150{line-height:150px;}

.h200{height:200px;}
.lh200{line-height:200px;}

.h300{height:300px;}
.h350{height:350px;}

.wfull{width:100%;display:block;position:relative;overflow:hidden;}
.w1000{width:1000px;display:block;position:relative;overflow:hidden;}
.w1200{width:1200px;display:block;position:relative;overflow:hidden;}

.w600{width:600px;}
.w500{width:500px;}
.w400{width:400px;}
.w360{width:360px;}
.w100 {width:100px;}
.w80 {width:80px;}
.w60 {width:60px;}
.w50 {width:50px;}
.w30 {width:30px;}
.w35 {width:35px;}
.w45 {width:45px;}
.w40 {width:40px;}
 

.hfull{height:100%;display:block;position:relative;}
.h50{height:50px;line-height:50px;}
.h90{height:90px;line-height:90px;}
.h100{height:100px;line-height:100px;}

.date{ color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-right:8px;}
.c{overflow:hidden; clear:both ; height:0px;padding:0px;margin:0px;text-align:none;font-size:0px;font-style:normal;}

.h10 {clear:both;height:10px;line-height:10px;overflow:hidden;zoom:1;}

.b1 {border:1px solid #dbdbdb;}
.bl1{border-left:solid #dbdbdb 1px;}
.br1{border-right:solid #dbdbdb 1px;}
.bt1{border-top:solid #dbdbdb 1px;}
.bb1{border-bottom:solid #dbdbdb 1px;}

.bg {background:#F9E88C url(../images/box_bg.png) repeat-x;overflow:hidden;}

header .nav ul,header .nav span.login{
	border-bottom: solid #f2f2f2 0px;
}

/*顶部导航变色*
header.scroll{
	background:rgba(59,179,194,0.8)
}
header.scroll .nav ul li a span{
	color:#FFF;
}
header.scroll .nav ul li:first-child{
	border-left: solid rgba(255,255,255,0.2) 1px;
}
header.scroll .nav ul li ul li:first-child{border-left: solid rgba(255,255,255,0.2) 0px;}
header.scroll .nav ul li{
	border-right: solid rgba(255,255,255,0.2) 1px;
}
header.scroll .nav ul li ul li{
	background: rgba(59,179,194,0.8);
}
header.scroll .nav ul li ul{
	border: solid rgba(255,255,255,0.2) 1px;
}
header.scroll .nav span.login{
	border-right: solid rgba(255,255,255,0.2) 1px;
}
*/


/*彩宝库存*/
#listbox .txt:hover{ background:#F2F2F2;}
.btnw {width:94.3%;text-align:left;}
.btnw ul{float:left;list-style:none; margin:0; padding:0;}
.btnw li input{display:none; margin:0; padding:0;}

.btnw #gemTypebox {width:101%;list-style:none; }
.btnw #gemTypebox li {width:6.45%; float:left; margin:3px 0px; padding:0;cursor:pointer; }
.btnw #gemTypebox li:nth-child(15){border-right:#dbdbdb solid 1px;}

.btnl {width:55%;text-align:left;padding:0;margin:0;border:0; }
.btnw ul,.btnl ul{list-style:none; margin:0; padding:0;border:0;}
.btnl li input{display:none; margin:0; padding:0;}

.btnw #shapebox {
	width:101%;
	margin:0 0px;
	padding:0;
	border:0;
	display:table-caption;
	list-style:none;
}
.btnw #shapebox li {
	width:7.56%;
	height:80px;
	line-height:80px;
	float:left;
	text-align:center;
	margin:0px;
	border:0;
	border-left:solid #dbdbdb 1px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(../images/icon_shape.png);
	min-width: 50px;
	padding: 0px 0px 0 0;
}

.btnw #shapebox li font{width:auto;line-height:120px;padding:20px 0px 0px 0px;}

.btnw #colorbox {width:101%;}
.btnw #colorbox li {
	width:4.85%;
	height:60px;
	line-height:60px;
	float:left;
	margin:0px 0px;
	padding:0;
	cursor:pointer;
	border:0;
	border-left:solid #dbdbdb 1px;
}
.btnl #cutbox{width:101%;}
.btnl #cutbox li {width:19%;height:60px;line-height:60px;float:left; margin:0px 0px;padding:0;cursor:pointer;border:0;border-left:solid #dbdbdb 1px;}


.btnl #certbox li {width:5%;float:left; margin:0 0px; padding:0;cursor:pointer;}
.btnl #colourbox {width:101%;}
.btnl #colourbox li {
	width:7.2%;
	height:60px;
	line-height:60px;
	float:left;
	margin:0px 0px;
	padding:0;
	cursor:pointer;
	border:0;
	border-left:solid #dbdbdb 1px;
}

.btnl #claritybox li {width:16%;height:60px;line-height:60px;float:left; margin:0px 0px; padding:0;cursor:pointer;border:0;border-left:solid #dbdbdb 1px;}
.btnr #certbox li {width:19%;height:60px;line-height:60px;float:left; margin:0px 0px;padding:0;cursor:pointer;border:0;border-left:solid #dbdbdb 1px;}
.btnl #citybox li {width:16%;height:60px;line-height:60px;float:left; margin:0px 0px; padding:0;cursor:pointer;border:0;border-left:solid #dbdbdb 1px;}

#pricebox {width:35%;padding:0;margin:0;border:0;}
#caratbox {width:35%;padding:0;margin:0;border:0;}

#pricebox .input-text{width:35%;height:30px;line-height:30px;margin-top:8px;}
#caratbox .input-text{width:35%;height:30px;line-height:30px;margin-top:8px;}
#keywordbox {width:40%;padding:0;margin:0;border:0;}
#keywordbox .input-text{float:left;width:55%;height:30px;line-height:30px;margin-top:8px;}

.btnr {width:35%; float:left;text-align:left;padding:0;margin:0;border:0; }
.btnr ul{list-style:none; margin:0; padding:0;}
.btnr li {float:left;}
.btnr li input{display:none; margin:0; padding:0;}

.btnw .out{
	text-align:center;
	height:50px;
	line-height:50px;
	overflow:hidden;
	border:#dbdbdb solid 1px;
	border-right:0;
}
.btnw .on{
	background:#3bb3c2;
	color:#FFF;
	text-align:center;
	height:50px;
	line-height:50px;
	border: #dbdbdb solid 1px;
	border-right:0;
	overflow:hidden;
}

#gemTypebox li:last-child,#cutbox li:last-child,#colourbox li:last-child,#citybox li:last-child,#claritybox li:last-child{
	border-right:#dbdbdb solid 1px;
}

.btnr .out{
	text-align:center;
	border:0;
	height:60px;
	line-height:60px;
	overflow:hidden;
}
.btnr .on{
	background:#3bb3c2;
	color:#FFF;
	text-align:center;
	border:0;
	height:60px;
	line-height:60px;
	overflow:hidden;
}

.btnl .out{float:left;margin:0px 1px;padding:0px 2px;text-align:center;border:0;height:35px;line-height:35px;overflow:hidden; }
.btnl .on{float:left;margin:0px 1px;padding:0px 2px;background:#3bb3c2;color:#FFF;text-align:center;border:0;height:35px;line-height:35px;overflow:hidden; }


.btnr .txt{height:26px;line-height:26px;}
.btnr .out{float:left;margin:0px 1px;padding:0px 2px;text-align:center;border:0;width:18%;height:35px;line-height:35px;overflow:hidden;border:#dbdbdb solid 1px;}
.btnr .on{float:left;margin:0px 1px;padding:0px 2px;background:#3bb3c2;color:#FFF;text-align:center;border:0;height:35px;line-height:35px;width:18%;overflow:hidden;border:#dbdbdb solid 1px;}

.search{
	float:left;
	width:90%;
	height:36px;
	margin:6px 5%;
	display:block;
	overflow:hidden;
	text-align:center;
	background:none;
	border:solid rgba(0,0,0,0.25) 1px;
	border-radius:999px;
	
}
.search #keyword{
	width:80%;
	height:28px;
	line-height:28px;
	float:left;
	background:none;
	border:0;
	margin:0px 0 0 10px;
	vertical-align: middle;
	outline: none;
	color:#ee2da2;
}
.search #module {
	float:left;
	width:68px;
	height:35px;
	line-height:40px;
	margin:0px 0 0 -70px;
	overflow:hidden;
	position:absolute;
	border:0;
	outline: none;
	background:none;
}
.search select option{
	color:#ee2da2;
	outline: none;
}
.search .button{
	float:right;
	height:38px;
	line-height:15px;
	border:0px;
	margin:0 0 0 -2px;
	border-radius:0 999px 999px 0 ;
}

.list {line-height:24px;}
.list dl.pic{float:left;margin:10px 5%;width:100%;padding-bottom:10px;border-bottom:dashed #eee 1px;}
.list dl.pic dt.img{width:28%;float:left;}
.list dl.pic dd.txt{width:71%;float:right;}

.list .txt {line-height:24px;margin:5px 0 5px 8px;overflow:hidden;zoom:1;}
.list .txt li {
	line-height:24px;
	height:auto;
	overflow:hidden;
	padding-left:0px;
	_padding-left:8px;
	margin-left:1px;
	*margin-left:2px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	border-bottom:dashed #dbdbdb 1px;
}
.list .thumb {float:left;margin:10px 0 0 0 ;}
.list .thumb img{width:240px;height:150px;}
.list .txtbox{float:left;width:60%;margin:0 0 0 10px;}

.list .txt li h3 a{
	font-size:16px;
	height:auto;
	line-height:50px;
}
.list .txt li h3 span{font-weight:normal;color:gray;line-height:40px;height:40px;}
.list .txt li p{
	line-height:200%;
	height:auto;
	min-height:100px;
	word-wrap:break-word;
	word-break:normal;
	display:block;
	white-space:normal;
	text-indent:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	/*white-space:nowrap;*/
}
.list .txt li img {vertical-align:middle;}
.list .txt li a.more {
	float:right;
	margin-right:8px;
	color:#333;
	font-size:14px;
}
.list .txt li a.more:hover{color:#3bb3c2}
.list .txt li span.date {
	float:right;
	margin-right:8px;
	font-size:14px;
}
.list .txt li b ,.list .txt li b a{color:#B60A00;font-weight: normal;display:inline;}
.list .txt li em {font-size:33px;}
.noico li {background:none;padding-left:0;}

.pic {overflow:hidden;zoom:1;line-height:24px;}
.pic li {float:left;text-align:center;padding:0px;margin:0px;}
.pic span {display: block;overflow:hidden;zoom:1;border:1px solid #EFEFEF;text-align:center; margin:auto; }
.pic span a {display:table-cell;vertical-align:middle;*display:block; overflow:hidden;zoom:1;}
.pic span a:hover {font-weight:bold;color:red;}
.pic li b {line-height:24px;overflow:hidden;zoom:1;font-size:12px;}


h2.tit em , h3.tit em ,h4.tit em ,h5.tit em ,h6.tit em  {font-style: normal;font-weight:normal; }
h2.tit { line-height:33px;color:#333; padding:0 10px;font-size:18px;}
h2.tit span ,h3.tit  span ,h4.tit  span {float:right;font-size:12px;font-weight:normal;font-family:'宋体';}
h2.tit a {color:#FFF;}
h3.tit {
	height:43px;
	line-height:43px;
	font-family:'Microsoft YaHei';
	border-bottom:1px solid #E7E7E7;
	font-family:'Microsoft YaHei';
	padding-left:0px;
	color:#838383;
	cursor:pointer;
}
h3.tit i{margin:0 5px; }
h3.tit:hover{color:#60E2F3;}
h3.tit b{font-size:14px;}
h3.tit em {font-size:8px; text-transform:uppercase;margin-left:8px;color:#E3E3E3}
h3.tit span a {color:#777;}
h4.tit {
	border-bottom:1px dashed #dbdbdb;
	line-height:40px;
	padding-left:15px;
	background:url(../images/ico_3.gif) no-repeat 3px 16px;;
}

header{
	position:fixed;
	width:100%;
	min-width:300px;
	min-height:80px;
	margin:0 auto;
	padding:0;
	background:rgba(59, 179, 194,0.9);
	top:0;
	z-index:999;
	border-bottom: solid rgba(59, 179, 194,1) 1px;
}

.header{
	position:relative;
	width:100%;
	min-width:300px;
	max-width:1200px;
	min-height:80px;
	margin:0 auto;
	padding:0;
	color:#FFF;
	height:auto;
	top:0;
}
header .logo {
	width:25%;
	max-width:250px;
	max-height:225px;
	height:80px;
	position:absolute;
	z-index:6;
	
	/*
	background:#3bb3c2;
	-webkit-box-shadow:0 0 10px rgba(0, 0, 32, .8);  
	-moz-box-shadow:0 0 10px rgba(0, 32, 0, .8);  
	box-shadow:0 0 10px rgba(0, 32, 0, .8);
	*/
}
header .logo a{width:100%;height:auto;overflow:hidden;display:block;cursor:pointer;}
header .logo a img{width:auto; height:50px;margin:10px 0 0 0px;}

header .menu{
	width:50px; 
	float:right;
	display:none;
}

.focus{
	width:100%;
	height:auto;
	position:relative;
	z-index:1;
	border:0px;
	top:0px;
}

/*导航条=================================*/
nav{
	position:relative;
	top:0px;
	width:100%;
	height:auto;
	z-index:5;
	padding:0px 0;
	
	/*
	-webkit-box-shadow:0 0 10px rgba(0, 0, 32, .8);  
	-moz-box-shadow:0 0 10px rgba(0, 32, 0, .8);  
	box-shadow:0 0 10px rgba(0, 32, 0, .8);
	background-image: -moz-linear-gradient(top, #009c3b, #3bb3c2); /* Firefox *
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #009c3b), color-stop(1, #3bb3c2)); /* Saf4+, Chrome *
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009c3b', endColorstr='#3bb3c2', GradientType='0'); /* IE*/
}
.nav{
	width:1200px;
	min-width:300px;
	margin:0px auto;
	display:block;
	position:relative;
	top:0px;
	left:0px;
	z-index:5;
}
.nav ul li.on {
	/*background:url('../images/icon_nav.png') no-repeat center bottom #FFA300;
	border-bottom:solid #FF8D02 5px;*/
	height:80px;
	border-left:5px solid #3bb3c2;
	/*
	background-image: -moz-linear-gradient(top, #fff000, #3bb3c2); 
	/* Firefox *
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff000), color-stop(1, #3bb3c2)); /* Saf4+, Chrome *
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff000', endColorstr='#3bb3c2', GradientType='0'); 
	/* IE *

	box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
	transition: all 0.1s linear;
	*/
}
.nav ul li.on a{
	line-height:80px;
}
.nav ul li.on ul li a{
	height:50px;
	line-height:50px;
}
.nav ul {	
	width:100%;
	max-width:650px;
	margin-left:32%;
	height:80px;
	z-index:9;
	float:left;
	position:relative;
	padding: 0; 
	border:0;
}
.nav ul li {
	float:left;
	position: relative;
	width: 13.5%;
	height:80px;
	margin:0px 0;
	border:0;
	border-right:solid rgb(59, 179, 194) 1px;
}
.nav ul li:hover{
	color:#3bb3c2;
}
.nav ul li:hover a span{
	color:#FFF;
}
.nav ul li:hover ul li a span{
	color:#FFF;
}
.nav ul li:hover ul li:hover{
	background-color:#3bb3c2;
}
.nav ul li:hover ul li:hover a span {
	color:#FFF;
}
.nav ul li:first-child{border-left:solid rgb(59, 179, 194) 1px;}
.nav ul li a{
	float:left;
	height:80px;
	line-height:80px;
	width:100%;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-size:16px;
	font-family:'Microsoft YaHei';
}
.nav ul li a:hover ,.nav ul li a .on{
	color:#3bb3c2;
	height:80px;
	line-height:80px;
	text-decoration:none;
	border-radius:0px;
}
.nav ul li a:hover{
	color:#3bb3c2;
	background:#60E2F3;
	
	/*
	background-image: -moz-linear-gradient(top, #fff000, #3bb3c2);
	/* Firefox *
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff000), color-stop(1, #3bb3c2)); /* Saf4+, Chrome *
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff000', endColorstr='#3bb3c2', GradientType='0'); 
	/* IE*/
}

.nav ul li ul {
	height:auto;
	position: absolute;
	width:167px;
	display:none;
	padding:0;
	margin-top:0px;
	margin-left:0px;
	border:solid rgba(59, 179, 194,.5) 1px;
}
.nav ul li ul li:first-child{border-left:solid #F2F2F2 0px;}
.nav ul li ul li {
	border-right:0;
	width:167px;
	height:50px;
	line-height:50px;
	margin:0;
	border-bottom:solid rgba(59, 179, 194,.5) 1px;
	background:rgba(59, 179, 194,.8);
}
.nav ul li ul li a{
	float:left;
	text-align:left;
	border:none;
	width: 137px;
	height:50px;
	line-height:50px;
	padding: 0px 5px 0px 25px;
	color:#3bb3c2;
}
.nav ul li ul li a:hover {
	/*
	background-image: -moz-linear-gradient(top, #fff000, #3bb3c2);
	/* Firefox *
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff000), color-stop(1, #3bb3c2)); /* Saf4+, Chrome *
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff000', endColorstr='#3bb3c2', GradientType='0'); 
	/* IE */
	background:#60E2F3;
	color:#FFF;
	height:50px;
	line-height:50px;
}
.nav ul li ul li.folder  span.fd {
	float:left;
	background:url(../images/right.gif) no-repeat right;
	width:130px;
	height:50px;
	line-height:50px;
	color:#FFF;
	CURSOR:pointer;
}
.nav ul li ul li span.fl_ico{
	background:url(../images/right.gif) no-repeat left;
	height:50px;
	line-height:50px;
}

.nav span.login{
	float:right;
	background:url(../images/icon_user.png) no-repeat 10px center;
	background-size:50px;
	width:80px;
	height:80px;
	line-height:60px;
	border-right:solid rgba(0,0,0,0.5) 1px;
	cursor:pointer;
	display:none;
}
.nav_box{
	width:100%;
	height:auto;
	min-height:60px;
	margin:0px 0 0 0%;
	display:block;
	overflow:hidden;
	position:absolute;
	/*background:rgba(0,0,0,0.5);*/
}

.nav_box .iBar{
	width:99.9%;
	height:auto;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	float:left;
	border: solid #eee 0px;
}
.nav_box .cart{
    width: 40%;
    height: 60px;
    line-height: 50px;
    position: relative;
    margin: 0 10px;
    top: 0px;
    float: left;
	
	/*
	background: #3bb3c2 ;
	-webkit-box-shadow:0 0 10px rgba(0, 0, 32, .8);  
	-moz-box-shadow:0 0 10px rgba(0, 32, 0, .8);  
	box-shadow:0 0 10px rgba(0, 32, 0, .8);
	*/
}
.nav_box .cart font{
	position:absolute;
	margin:0px 0 0 0px;
}
.nav_box .lang{
	width:80px;
	height:30px;
	position:relative;
	z-index:10;
	text-align:left;
	margin: 0px 0 0 0px;
	display:none;
}
.nav_box .lang img{width:20px;}
.nav_box .top_right {
	float: right;
    width: 30%;
    min-width: 100px;
    height: 50px;
    line-height: 50px;
    text-align: right;
    padding: 0 0px 0 0px;
    margin: 14px 0px;
    font-size: 14px;
	color:#FFF;
}
.nav_box .top_right span {padding-left:0px;}
.nav_box .top_right a {color:#FFF;}
.nav_box .topsearch {
	float:right;
    margin: 5px 5%;
	width:90%;
	height:40px;
    position: relative;
	background:#FFF;
	padding:0px;
	border:solid #dbdbdb 1px;
	border-radius: 10px;
	display:none;
}
.nav_box .topsearch .input-text{
	width:60%;
	height:30px;
	line-height:30px;
	padding:0px;
	background:none;
	margin:0px 0 0 10px;
	border:0px;
	border-radius: 10px;
	outline:none;
}
.nav_box .topsearch .button{
	float: right;
    height: 40px;
    line-height: 15px;
    margin: 0px 0px 0px 0;
	border-radius:0px 8px 8px 0;
}
#module{
	margin:5px 0 0 0;
	height:30px;
	line-height:30px;
	border:none;
	outline: none;
	background:none;
}

.navbgbox{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver; }
.toplevelshadow {opacity: 0.8;}
#nav_0 a {border:0;}

#login_div ,#logined_div {float:none;text-align:right;}
#login_div  {margin:0 0 0 15px}
#login_div  a {padding:5px 10px;background:#60E2F3;}

#buy_box {float:none;text-align:left;margin: 10px 0 0 140px;color:#FFF;}
#buy_box a{color:#FFF;}
#buy_box .tel{float:left;position:absolute;color:#FFF;margin:25px 0 0 0;font-size:16px;}
#logined_div  div {display:inline;}

.ad {margin:1px 0;} 
#flash_1 {width:920px;height:300px;}
#flash_1 *{z-index:0;}
.slide1 ul {padding:0;margin:0;}


/*-- services --*/
.services{
    background: #3bb3c2;
	height:350px;
    position: relative;
    padding: 0 0 10em;
    margin-bottom:0em;
}
.news{
	background:#3bb3c2;
	position:relative;
	padding: 0 0 10em;
	margin-bottom: 0em;
}
.service-box{
	width: 25%;
	margin: 0 auto;
}
.service-box p{
	border:4px solid #60E2F3;
	background: url(../images/1.png) no-repeat 40px 19px;
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 2px;
	padding: 20px 40px 20px 75px;
	text-align:center;
	cursor:pointer;
}
.service-box p:hover{
	text-decoration:none;
	color:#60E2F3;
	background: url(../images/1-.png) no-repeat 40px 19px;
	display: block;
}
.service-box-line{
	border-right: 4px solid #60E2F3;
	width: 43%;
	padding:50px 50px 0 50px;
}
.services p.para1{
	color:#fff;
	font-size:18px;
	margin:2em 0 0;
	text-align:center;
	font-weight: 300;
}
.services p.para1 span{
	display:block;
}
.service-grid{
	float:left;
	width:22.5%;
	min-height: 200px;
	background:#fff;
	text-align:center;
	padding: 2em 0em 1em 0em;
	cursor:pointer;
}
.service-grid:hover{
	border: solid #60E2F3 1px;
    background: #60E2F3;
    color: #FFF;
	cursor:pointer;
}
.service-grid:hover p,.service-grid:hover h4  {color:#FFF;}
.service-grid .fig span{
	background: url(../images/gems.png) no-repeat 50%;
	display: block;
	height: 47px;
}
.service-grid .fig1 span{
	background: url(../images/diamond.png) no-repeat 50%;
	display: block;
	height: 47px;
}
.service-grid .fig2 span{
	background:url(../images/ring.png) no-repeat 50%;
	display:block;
	height:48px;
}
.service-grid .fig3 span{
	background: url(../images/goods.png) no-repeat 50%;
	display: block;
	height: 47px;
}
.service-grid h4{
	color:#343838;
	font-size:18px;
	margin:1em 0 0;
	font-weight: 700;
}
.service-grid p{
	font-size: 14px;
	padding: 0 1.3em;
	line-height: 25px;
	margin:1em 0;
	color:#AFAFAF;
}
.service-grid:nth-child(2){
	margin:0 2em;
}
.service-grid:nth-child(3){
	margin:0 2em 0 0em;
}
.service-grids{
	position:absolute;
	top: 40%;
	left: 10%;
	width: 81%;
}
/*-- //services --*/



/*-- work --*/
.work{
	border-top:1px solid #DDDDDD;
}
.work-box{
	width: 25%;
	margin: 0 auto;
}
.work-box p{
	border:4px solid #DDDDDD;
	background: url(../images/2.png) no-repeat 25px 23px;
	display: block;
	color: #3bb3c2;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 2px;
	padding: 20px 60px 20px 80px;
	text-align: center;
	cursor:pointer;
}
.work-box p:hover{
	text-decoration:none;
	color:#AFAFAF;
	background: url(../images/2-.png) no-repeat 25px 23px;
	display: block;
}
.work-box-line{
	border-right: 4px solid #DDDDDD;
	width: 43%;
	padding: 50px 50px 0px 50px;
}
.work p.para2{
	color:#AFAFAF;
	font-size:18px;
	margin: 2em 0;
	text-align:center;
	font-weight: 300;
}
.work p.para2 span{
	display:block;
}
/*-- portfolio --*/
.portfoliolist{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	border-top: 0px solid #ddd;
	min-height:380px;
	height:auto;
	display:block;
	overflow:hidden;
}
.portfolio-wrapper h4{
	color:#333;
	font-size:18px;
	font-weight:600;
	margin: 1.5em auto;
	padding: 4em 0em;
	/*border: 4px solid #fff;*/
	width: 70%;
	display:none;
}
/*----- Strip -----*/
.b-link-stripe{
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-weight: 300;
	overflow:hidden;
}
.b-link-stripe .b-wrapper{
	position:absolute;
	width:100%;
	height: 84%;
	top:0;
	left:0;
	text-align:center;
	overflow:hidden;
}
/*------------------------------------------*/
/*	Animation effects
/*------------------------------------------*/
.b-animate-go{
	text-decoration:none;
}
.b-animate{
	visibility: hidden;
}
.b-animate img{
	margin-top:36%;
	display: -webkit-inline-box;
}
/* lt-ie9 */
.b-animate-go:hover .b-animate{
	visibility:visible;
}
.b-from-left{
	position:relative;
}
.b-animate-go:hover .b-from-left{
	left:0;
}
span.m_4{
	font-size:14px;
	font-weight:400;
}
p.m_5 {
	margin: 2% auto 5%;
	width: 70%;
	color: #283A47;
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.5em;
	text-align: center;
}

/*--team--*/
.col_1_of_4:first-child {
	margin-left: 0;
}
.span_1_of_4 {
	width: 22.8%;
}
.col_1_of_4 {
	display: block;
	float: left;
	margin: 1% 0 1% 2.6%;
	background: #FFF;
}
.b-wrapper:hover {
	/*background: rgba(11, 141, 158, 0.71);
	border: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	*/
}
.b-animate-go:hover{
	text-decoration:none;
}
.portfolio-wrapper {
	position: relative ;
	float:left;
	width:22.5%;
	margin:0.5% 0.5%;
	min-height: 286px;
	border:solid #dbdbdb 3px;
}
.portfolio-wrapper a img{
	position: relative ;
	width:100%;
	margin:0%;
	min-height: 286px;
	border:solid #dbdbdb 0px;
}
.portfolio-wrapper:hover{
	border:solid #3bb3c2 3px;
}
.text1{
	padding:1em 0;
	width: 100%;
	text-align:center;
	display:block;
}
.text1 p{
	color:#333;
	margin:0;
	font-size:15px;
}
.portfolio {
	padding-bottom: 6em;
	position:relative;
}
.portfolio-wrapper:hover .text1 {
	display:block;
	/*background:#3bb3c2;*/
	color:#3bb3c2;
}
.portfolio-wrapper:hover .text1 p {
	color:#3bb3c2;
	font-weight:bold;
}
/*-- //portfolio --*/
/*-- //work --*/


.news-box{
	width: 25%;
	margin: 0 auto;
}
.news-box p{
	border:4px solid #60E2F3;
	background: url(../images/3.png) no-repeat 40px 19px;
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 2px;
	padding: 20px 40px 20px 75px;
	text-align:center;
	cursor:pointer;
}
.news-box p:hover{
	text-decoration:none;
	color:#60E2F3;
	background: url(../images/3-.png) no-repeat 40px 19px;
	display: block;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}



/*首页 */
.icontact {line-height:26px;padding:20px;background:#fff;border:1px solid #ddd;overflow:hidden;}
.icontact img {float:left;margin-right:20px;height:175px;}


/*首页 新闻*/
.iArticle {
	width:100%;
	max-width:1200px; 
	height:250px; 
	line-height:250px; 
	margin:0px auto; 
	display:none; 
	position:absolute;
	z-index:3;
	margin-top:-150px;
	background: #3bb3c2;
	
	-webkit-box-shadow:0 0 10px rgba(0, 0, 32, .8);  
	-moz-box-shadow:0 0 10px rgba(0, 32, 0, .8);  
	box-shadow:0 0 10px rgba(0, 32, 0, .8);
}
.iArticle .artbox{
	width:800px; 
	height:230px;
	line-height:200px;
	list-style-type:none;
	margin:10px auto;
	padding:0px 0px;
	overflow:hidden;
}
.iArticle ul{
	width:800px;
	height:auto;
	list-style-type:none;
	margin:1.5% auto;
	padding:0px 0px;	
	overflow:hidden;
}
.iArticle .artbox ul li{max-width:780px;height:250px; line-height:25px; position:relative; padding:1.5% 0.5%;overflow:hidden;}
.iArticle .artbox ul li a{color:#FFF000; height:auto; line-height:200%; font-size:18px;}
.iArticle .artbox ul li p {color:#FFF; line-height:200%;text-align:left; font-size:14px;}
.iArticle .artbox ul li .more{ float:right;margin-left:93%;margin-top:8%;font-size:14px;position:absolute;color:#FFF000;}
 
.iArticle .aBar {width:98%;margin:6% 0; padding:0; position:absolute;z-index:9; top:10%;}
.iArticle .aBar a.flex-prev{ float:left;margin-left:25px;width:50px;height:50px; background:url('../images/iprev.png') 18px center no-repeat #FFBB00; background-size:20%; border-radius:50px;}
.iArticle .aBar a.flex-next{ float:right;margin-left:25px;width:50px;height:50px; background:url('../images/inext.png') 22px center no-repeat #FFBB00; background-size:20%; border-radius:50px;}
.iArticle .aBar a:hover{background-color:#FFF000;}

.iNews {
	width:90%;
	/*max-width:1200px;*/
	height:auto; 
	line-height:200%; 
	margin:10px 5%; 
	display:block; 
	position:relative;
	overflow:hidden;
}
.iNews h3{
	width:100%;
	text-align:left;
	font-size:18px;
	margin:0px auto;
	height:80px;
	line-height:80px;
	position:relative;
	color: #FFF;
	background:#3bb3c2;
	font-weight:bold;
	font-family:'微软雅黑';
}
.iNews h3 i {color: #FFF;margin:0 1%;}

.iNews h3{
	font-weight:normal;
}
.iNews ul {
	max-width:100%;
	text-align:left;
	font-size:18px;
	margin:0px auto;
	height:auto;
	line-height:200%;
	position:relative;
	padding:0;
}

.iNews ul li{
	width:21%; 
	float:left; 
	height:330px; 
	position:relative; 
	padding:1%;
	background:#FFF;
	margin:0 0.5%;
	margin-top:50px;
	
	border:solid #f2f2f2 1px;
 }

.iNews ul li:hover{
	border:solid #60E2F3 1px;
	background:#60E2F3;
	color:#FFF;
 }
.iNews ul li:hover a,.iNews ul li:hover p{
	color:#FFF;
}
.iNews ul li a img{
	width:100%;
	max-height:200px;
}
.iNews ul li:last-child{margin-right:0%;}
.iNews ul li p{line-height:200%;}
.iNews ul li .more{bottom:0px;float:right;margin-left:80%;margin-top:80%;font-size:14px;position:absolute;color:#60E2F3;}

.iNews .ilist { border:0px solid #ddd; overflow:hidden; margin:0 auto; padding:12px 0px; zoom:1;}
.iNews .ilist h4 { padding:0 5px; line-height:28px; height:28px; border:none;} 
.iNews .ilist h4  span {line-height:28px;height:28px}
.iNews .ilist .txt li {margin-left:12px;_margin-left:8px;background:url(../images/arrow_01.gif) no-repeat 2px 10px;padding-left:13px;float:left;width:270px;line-height:26px;height:26px;border-bottom:1px dashed #EFEFEF;}


/*首页 产品*/
.iProduct {
	width:1000px;
	height:auto;
	float:left;
	position:relative;
	margin-top:80px;	
	z-index:10;
	overflow:hidden;
	text-align:center;
	display:none;
}

.iProduct .probox {
	max-width:1200px;
	width:100%;
	height:420px;
	margin:0px auto;
	position:relative; 
	z-index:10;
	overflow:hidden;
}

.iProduct h3{
	width:100%;
	text-align:left;
	font-size:18px;
	margin:0px auto;
	height:50px;
	line-height:50px;
	}

.iProduct ul{
	max-width:1440px;
	width:auto;
	height:auto;
	list-style-type:none;
	margin:0px auto;
	position:relative;
	overflow:hidden;
}

.iProduct ul li{
	width:24.2%;
	float:left; 
	height:auto; 
	position:relative; 
	background:url(../images/focus_bg.png) ; 
	margin-right:1%;
	
	/*
	-webkit-box-shadow:0 0 1px 1px #dbdbdb;  
	-moz-box-shadow:0 0 1px 1px #dbdbdb;  
	box-shadow:0 0 1px 1px #dbdbdb;*/
 }
 
.iProduct ul li:last-child{margin-right:0;padding-right:0;}
.iProduct ul li img{
	width:220px; 
	padding:5px;
	margin:5px;
	background:#FFF;
	}
.iProduct ul li img:hover{
	background:#F2F2F2;
	}

.iProduct ul li h4{color:#555; height:40px; line-height:40px;text-align:center; font-size:16px; font-weight:normal;}
.iProduct ul li p {
color:#FFF; 
width:210px; 
margin-top:0px; 
height:65px;
text-align:right;
font-size:14px; 
background:url('../images/btn_buycart.png') right center no-repeat;
display:none;
}
.iProduct ul li p strong{color:red;margin:15px 0px 0px 5px;float:left;font-size:16px;}
.iProduct ul li p font{margin:20px 55px 0px 0px;float:right;}

.iProduct .pBar {
	min-width:300px;
	width:1000px;
	margin:200px auto;
	z-index:11;
	position:absolute;
}
.iProduct .pBar a.flex-prev{ float:left; width:50px; height:50px; background:url('../images/iprev.png') 18px center no-repeat #3bb3c2; background-size:20%; border-radius:50px; }
.iProduct .pBar a.flex-next{ float:right; width:50px; height:50px; background:url('../images/inext.png') 22px center no-repeat #3bb3c2; background-size:20%; border-radius:50px;}
.iProduct .pBar a:hover{background-color:#FFBB00;}

.iProduct ul.pic {border:1px solid #EFEFEF;}
.iProduct ul.pic li {float:left;margin:5px 10px;_margin:5px 8px;width:134px;}
.iProduct ul.pic li span { width:132px;height:102px;}
.iProduct ul.pic li span a {border:1px solid #FFF;width:130px;height:100px;*font-size: 85px;}
.iProduct ul.pic li img  {max-height:100px;max-width:130px ;_width:expression(this.width > 130 && this.width > this.height ? 130 : true); _height:expression(this.height > 100 ? 100 : true);}

/*底部 友情链接*/
.iLink {
	width:450px; 
	height:80px; 
	line-height:80px; 
	margin:0px 20px; 
	display:block; 
	position:relative;
	z-index:9;
	float:left;
}
.iLink .linkbox{
	width:450px;
	height:80px;
	line-height:80px;
	list-style-type:none;
	margin:0px auto;
	padding:0px 0px;
	overflow:hidden;
}
.iLink ul{
	width:800px;
	height:50px;
	line-height:50px;
	list-style-type:none;
	margin:15px auto;
	padding:0px 0px;
	overflow:hidden;
	
}
.iLink ul li{width:80px; height:50px; line-height:50px; float:left; position:relative;margin:0px 5px;}
.iLink ul li img{width:88px; height:33px; }

.iLink .lBar {width:100%; margin:15px auto; padding:0; position:absolute;}
.iLink .lBar a.flex-prev{ float:left;margin-left:-50px;width:50px;height:50px; background:url('../images/iprev.png') 18px center no-repeat; background-size:20%; border-radius:50px;}
.iLink .lBar a.flex-next{ float:right;margin-right:-50px;width:50px;height:50px; background:url('../images/inext.png') 22px center no-repeat; background-size:20%; border-radius:50px;}


.pos {
	height:50px;
	line-height:50px;
	font-size:14px;
	background:url('../images/icon_here.png') 10px 2px no-repeat ;
	padding-left:50px;
	
}
.list{padding:0 0.5%;}
.list ul.pic li {float:left;width:134px;margin:5px 8px;_margin:5px 6px;}
.list ul.pic li span {width:132px;height:102px;}
.list ul.pic li span a {width:130px;height:100px;*font-size: 85px;border:1px solid #FFF;}
.list ul.pic li img  {max-height:100px;max-width:130px ;_width:expression(this.width > 130 && this.width > this.height ? 130 : true); _height:expression(this.height > 100 ? 100 : true);}
.list ul.pic {overflow:HIDDEN;MARGIN:0;}

.list dl.img {
	width:227px;
	height:auto;
	float: left;
	padding:0;
	margin:0.5% 0.35%;
	box-shadow: 0 0 0px #DDD;
	overflow:hidden;;
}
.list dd.pic:hover{box-shadow: 0 0 0px #3bb3c2;}

.list dd.pic .ico_red{
	position:relative;
	width:120px;
	height:42px;
	line-height:50px;
	margin:-5px 0 0 -50px;
	background:rgba(255,0,0,0.5);
	color:white;
	border:0;
	display:none;
	overflow:hidden;
	z-index:1;

	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg); 

}

.list dl.img .ico_gray{
	position:relative;
	width:120px;
	height:42px;
	line-height:50px;
	margin:-5px 0 0 -50px;
	background:rgba(85,85,85,0.5);
	color:white;
	border:0;
	display:block;
	overflow:hidden;
	z-index:3;

	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg); 
}

.list dl.img dd.pic {float:left;width:225px;height:225px;margin-right:5px;overflow:hidden;border:solid #dbdbdb 1px;}
.list dl.img dd.pic:-child(5){float:left;width:225px;height:225px;margin-right:5px;overflow:hidden;border:solid #dbdbdb 1px;}
.list dl.img dd.pic:hover{border:solid #60E2F3 1px;}
.list dl.img dd.pic:hover{border:solid #60E2F3 1px;}
.list dl.img dd.pic a {width:182px; *font-size:85px;}
.list dl.img dd.pic img {
	max-height:182px; 
	max-width:182px ;
	_width:expression(this.width > 182 && this.width > this.height ? 182 : true); 
	_height:expression(this.height > 182 ? 182 : true);
}

.list dl.img dd {line-height:30px;height:auto;}
.list dl.img dd b {font-size:14px;color:#FB0000;}

.list dl.img dt {height:70px;line-height:30px;width:205px;padding:0 10px;overflow:hidden;text-align:center;}
.list dl.img dt .tit{font-size:10px;}
.list dl.img dt a{
	color: #555;
    font-weight: bold;
}
.list .tit a{font-size:10px;}
.list .tit p{width:100%; height:30px;line-height:30px;display:none;}

.left {
	margin-top:10px;
	width:73.5%;
	height:auto;
	min-height:950px;
	float:right;
	overflow:hidden;
	border:0px solid #ddd;
	display:block;
}


/*右边公共栏*/
.right {float:left;width:25%;margin-top:10px;}
.right .box1 {border:0px solid #D6D6D6;}
.right .box1 h3 {margin:1px;background:#565656;height:33px;line-height:33px;color:#FFF;}
.right .box1 h3 a {color:#FFF;}
.right .box2 {background:#E8E8E8;}
.right .box {border:0px solid #DDD;background:#FFF;}
.right .box .b1 {border:0px solid #fff;padding:0 12px;}

/*栏目列表*/
.catlist ul{overflow:hidden;}
.catlist ul li {line-height:38px;border-bottom:1px dashed #ddd;vertical-align:middle;}
.catlist ul li.foot {border:none;}
.catlist ul li.folder ul {display:none;padding-left:0px;}
.catlist ul li.on ul {display:block;}
.catlist ul li.on ul li{display:block;padding-left:15px;}
.catlist ul li.on span.fd_ico {background:url(../images/minus.gif) no-repeat 3px 14px;width:25px;float:left;height:38px; CURSOR:pointer;}
.catlist ul li span.fd_ico {background:url(../images/plus.gif) no-repeat 3px 14px;width:25px;float:left;height:38px; CURSOR:pointer;}
.catlist ul li span.fl_ico {background:url(../images/minus.gif) no-repeat 3px 14px;width:25px;float:left;height:38px; CURSOR:pointer;}

.contact ul {overflow:hidden;padding:10px 0;line-height: 200%;}
.contact ul li {line-height:30px;height:30px;padding-left:5px;}
.contact ul li label {float:left;width:45px;}

.links ul{padding:0;;margin:0;}
.links ul.pic li img {float:left;width:88px;height:31px;margin:0;padding:0;border:1px solid #FFF;}
.links ul li{float:left;width:50%;height:auto;padding:2px 0;margin:0;}



/*产品展示*/
.p_box {
	
	float:left;
	width:48%;
	height:auto;
	margin:0 0 0 10px;
}
.zoomPad{
	z-index:1;
}
#zoom_box  {
	display:table-cell;
	*display:block;
	zoom:1;
	width:100%;
	height:auto;
	max-width:408px;
	max-height:408px;
	text-align:center;
	border:1px solid #EEE;
	vertical-align:middle;
	padding:5px;
}

#zoom_box img {min-width:408px;min-height:408px;margin:0; padding:0px; border:0;}
#zoom_box img.big_small {max-width:408px;max-height:408px;_width:expression(this.width > 4088 && this.width > this.height ? 408 : true); _height:expression(this.height > 408 ? 408 : true);}

#zoom_list {width:100%;height:60px;margin-top:10px;}
#zoom_list .pre{float:left;width:14px;height:54px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../images/pre.gif) no-repeat -3px 18px;}
#zoom_list .next {float:right;width:14px;height:54px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../images/next.gif) no-repeat -3px 18px}
#zoom_list #zoom_list_box {float:left;width:390px;overflow:hidden;height:56px;position:relative;}

#thumblist {position: absolute;}
#thumblist li {width:58px;overflow:hidden;margin:2px 0;text-align:center;}
#thumblist li span {width:52px;height:52px;}
#thumblist li span a {width:50px;height:50px;*font-size: 42px;border:1px solid #FFF;}
#thumblist li span  img {max-height:50px;max-width:50px;_width:50px;_height:50px;}

#big_box {float:left;}
#big_box span {width:348px;height:348px;}
#big_box span a{width:348px;height:348px;*font-size:200px;}
#big_box span img{max-width:348px;max-height:348px;}


.p_info {float:left;width:41%; min-width:300px;margin-left:25px;line-height:200%;z-index:-1;display:block;}
.p_info dl dd {width:100%;height:35px;}
.p_info dl label {float:LEFT; }
.p_info dl dd.buy_dd {
	padding:10px;
	margin:10px auto;
	border:1px solid #D1EBFF;
	background:#E2F2FF;
	width:100%;
	height:100px;
	line-height:35px;
}
.p_info dl dd #buynum{margin:10px auto;}
.p_info dl dd.buy_dd input{height:30px;line-height:30px;}
.p_info dl dd b {font-size:16px;font-weight:bold;color:#FB0000;}
.p_tabs {margin:10px 0;border-bottom:1px solid #EFEFEF;height:28px;}
.p_tabs ul li {float:left;padding:0 30px;margin-left:20px;line-height:28px;background:#EFEFEF;}


/*图片展示*/
#posbox {margin:0 auto;width:520px;background:url(../images/box_1.png) no-repeat 0 -215px;height:50px;line-height:50px;overflow:hidden;zoom:1;}
#posbox  h2 {position: relative;float:left;margin-left:152px;_ margin-left:75px;background:none;height:50px;line-height:50px;color:#8F0000;font-size:21px;}
#posbox  h2 span {background: url(../images/white1.png) repeat-x;position: absolute;display: block;width: 100%;height:20px;margin-top:15px;_ margin-top:0px}

.picviewbox {border:0px solid #ddd;background:#FFF;}
.f_l {float:left;}.f_r{float:right;}

#toolBar {width:688px;overflow:hidden;height:15px;line-height:12px;padding:5px 0; }
#toolBar .f_l {margin-left:15px;}
#toolBar .f_l li {float:left;font-size:12px;color:#5C5C5C;padding-right:7px}
#toolBar .f_l li.full {height:12px;background:url(../images/icon.png) no-repeat 0 0;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.play {height:12px;background:url(../images/icon.png) no-repeat 0 -14px;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.stop {height:12px;background:url(../images/icon.png) no-repeat -188px 0;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.save {height:12px;background:url(../images/icon.png) no-repeat 0 -28px;color:#9A9A9A;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .f_l li.save a:hover {color:#9A9A9A;text-decoration:none}
#toolBar .f_r li {float:left;font-size:12px;color:#5C5C5C;padding-right:7px;margin-top:2px;}
#toolBar .f_r li.comment {height:18px;background:url(../images/icon.png) no-repeat 0 -42px;color:#9A9A9A;padding-left:22px;cursor:pointer;padding-right:16px;margin-top:2px;}
#toolBar .f_l li.save a:hover,#toolBar .right li.comment a:hover {color:#9A9A9A;text-decoration:none}

#playbox {
width:100%;
height:520px;
text-align:center;
margin-top:17px;
position:relative;
background:url(../images/msg_loading.gif) no-repeat center center;
}

.pageLeft {position:absolute;left:0;top:0;width:100%;cursor:pointer;z-index:101}
.pageLeft span {float:left;width:102px;height:95px;margin:0 0 0 24px;_display:inline;
background-image: url(../images/right.png)!important;
/* FF IE7 */
background-repeat: no-repeat;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/right.png');
/* IE6 */_background-image: none; /* IE6 */
}
.pageLeft span a,.pageRight span a {display:block;position:relative;width:102px;height:95px;}
.pageRight {position:absolute;left:0;top:0;width:100%;cursor:pointer;z-index:101}
.pageRight span {
float:right;
width:102px;
height:95px;
margin:0 24px 0 0;
_display:inline;
background-image: url(../images/left.png)!important;
/* FF IE7 */
background-repeat: no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/left.png');
 /* IE6 */
_background-image: none; 
/* IE6 */
}
.pageLeft-bg {position:absolute;left:0;top:0;width:100%;z-index:100}
.pageRight-bg {position:absolute;left:0;top:0;width:100%;z-index:100}
.pageLeft-bg,.pageRight-bg {background:#fff;filter:alpha(opacity=0); 
/*IE*/-moz-opacity:0; /*MOZ , FF*/opacity:0;/*CSS3, FF1.5*/
}

#PicBox {}
#PicSrc {max-width:680px;}


#Main-C {width:98%;margin:0 auto; height:154px; overflow:hidden; }
#Main-C .smallPic {width:100%;height:auto;display:block;overflow:hidden;font-size:12px;}
#Main-C .smallPic a.f_l {width:20px;height:63px;background:url(../images/icon.png) no-repeat -180px -54px;margin:35px 0 0 9px;_display:inline;}
#Main-C .smallPic a.f_l:hover {background:url(../images/icon.png) no-repeat -157px -124px;}
#Main-C .smallPic a.f_r {width:20px;height:63px;background:url(../images/icon.png) no-repeat -157px -54px;margin:35px 9px 0 0;_display:inline;}
#Main-C .smallPic a.f_r:hover {background:url(../images/icon.png) no-repeat -180px -124px;}
#Main-C .smallPic div.f_l {width:590px;height:100px;margin-top:18px;overflow:hidden;margin-left:20px;_display:inline;position:relative}
#Main-C .smallPic div.f_l a.mask {position:absolute;width:131px;height:97px;display:block;background:url(../images/icon.png) no-repeat 5px -124px;overflow:hidden;z-index:1;left:0px;}
#Main-C .smallPic div.f_l ul {position:absolute;z-index:2;left:0;}
#Main-C .smallPic div.f_l li {float:left;width:131px;height:97px;text-align:center;}
#Main-C .smallPic div.f_l li span{width:114px;height:97px;margin:0 auto;overflow:hidden;margin-top:8px;border:none;}
#Main-C .smallPic div.f_l li span a {width:112px;height:86px;*font-size: 72px;border:1px solid #AEAEAE;overflow:hidden;cursor:pointer;position:relative;margin:0 auto;}
#Main-C .smallPic div.f_l li span   img {max-height:86px;max-width:112px;_width:expression(this.width > 112 && this.width > this.height ? 112 : true); _height:expression(this.height > 86 ? 86 : true);}
#Main-C .smallPic div.f_l li.on  a{border:none;}


#Main-C .smallPic div.f_l li a:hover {text-decoration:none;}
#Main-C .smallPic div.f_l li a em {position:absolute;display:block;width:33px;height:14px;line-height:14px;right:4px;bottom:2px;background:#000;color:#fff;text-align:center;font-size:12px;}
#Main-C .smallPic div.f_l li a:hover em {background:#464646;text-decoration:none;color:#fff;}
#Main-C .scrollLine {width:810px;margin:17px auto 0 auto;height:1px;line-height:1px;background:url(../images/ico_1.gif)  repeat-x;overflow:visible;position:relative;clear:both;}
#Main-C .scrollLine .scrollButton {position:absolute;left:0;top:-6px;display:block;width:145px;height:13px;background:url(../images/icon.png) no-repeat 0 -106px;cursor:e-resize}


#end {width:70%;height:auto;max-height:362px;position:absolute;top:-1964px;background:rgba(255,255,255,0.9);border:1px solid #dbdbdb;z-index:998;text-align:center;}
#end .close {float:right;width:15px;height:15px;background:url(../images/icon.png) no-repeat -185px -18px;margin:9px 6px 0 0;overflow:hidden;}
#end .end-inner {width:98%;clear:both;margin:0 auto;padding-top:8px;}
#end .firstImg {width:120px;height:120px;display:block;border:1px solid #dbdbdb}
#end .firstImg img {width:100%;height:100%;}
#end  h2 {font-size:14px;color:#C4C4C4}
#end  h3 {color:#676767;font-size:12px;line-height:24px;height:26px;border:0;border-bottom:1px solid #676767;}
#end  .this_pic {float:left;margin:0 10px 10px 0;}
#end  .posit_pic ul.pic {clear:both;margin-top:20px;}
#end  .posit_pic ul.pic li {float:lft;width:100px;margin:10px 1%;_margin:10px 1%;}
#end  .posit_pic ul.pic li span {width:100px;height:100px;}
#end  .posit_pic ul.pic li span a {width:100px;height:100px;}
#end  .buttonClik {display:block;width:103px;height:24px;background:url(../images/icon.png) no-repeat 0 -232px;text-align:center;line-height:24px;color:#C4C4C4;margin:0 auto;margin-top:15px;}


.buttonClik:hover {text-decoration:none;color:#FFF;}

.pic_list ul.pic li {height:155px;line-height:22px;}


.down_list dl.img {margin:5px 10px;}
.down_list dl.img dt  {font-size:14px;background:#EFEFEF;line-height:28px;padding-left:5px;}
.down_list dl.img dt a {color:#855352}
.down_list dl.img dd.ext {line-height:22px;text-align:right;color:#333;}  
.down_list dl.img dd.desc {line-height:22px;color:#9E9E9E}

.down_info {border:1px solid #EFEFEF;border-bottom:none;}
.down_info ul li label {float:left;width:65px;border-right:1px solid #EFEFEF;text-align:center;margin-right:5px;}
.down_info ul li {line-height:28px;border-bottom:1px solid #EFEFEF;}


#content {margin:0px 0px;color:#3D1C10;font-size:14px;}
#content h1.tit {
	font-size:20px;
	color:#333;
	margin:20px 20px;
	height:auto;
	line-height:50px;
	width:80%;
}
#content h1.tit i{
	margin:0px 0 0 50px;
}
#content h1.tit span {font-size:14px;font-weight:normal;color:gray;}
#content .content{margin:0px 20px;line-height:200%; margin: 0px 20px;}
#content .content p{font-size:12px;}
#content .content img {width:100%; min-width:280px;max-width:690px;_width:expression(this.width > 690 && this.width > this.height ? 690 : true); }
#content .content strong{color:#000;}
#content .content ol{ list-style-position: inside; margin:20px; }
#content .content ul {list-style-position: inside; margin:20px; }
#content .content ul li  {list-style-type : disc;}
#content .content ol li  {list-style-type : decimal ;} 
#content .content h1,#content .content h2,#content  .content h3,#content .content h4,#content .content h5,#content .content h6 {color:#000;font-size:100%;font-weight:bold;}


#pages {clear:both; padding:10px 0 10px;text-align:center;font:12px '宋体';}
#pages a { display:inline-block; padding:0px 8px; height:22px;font-size:12px;line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 {padding:0px 12px; height:22px; line-height:22px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block;  padding:0px 8px; height:22px; line-height:22px; background:#3bb3c2; border:1px solid #3bb3c2; color:#fff; text-align:center; }
.page .noPage { display:inline-block;  padding:0px 12px; height:22px; line-height:22px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }



/*结算=>配送方式*/
#cart_box{overflow:hidden;}

#buy_tab {
	float:left;
	margin:0px;
	width:100%;
	height:50px;
	line-height:50px;
}
#buy_tab dl {list-style:none;margin:0px;padding:0px;border:0px;}
#buy_tab dl dt {
	width:15%;
	float:left;
	text-align:left;
	padding:0 0 0 20px;
}
#buy_tab dl dt i{
	font-size:24px;
}
#buy_tab dl dt b{
	font-size:16px;
	margin:0 5px;
}
#buy_tab dl dd{
	width:10%;
	float:left;
	font-size:14px;
}
#buy_tab dl dd.ico{
	width:3%;
}
#buy_tab dl dd.on{
	color:#3bb3c2;
	font-weight:bold;
}


.order_checkbox {border:0px solid #ccc;}
.order_checkbox h1 {
	border:0px solid #FFF;
	height:90px;
	line-height:90px;
	color:#555;
	padding-left:30px;
	font-size:18px;
	text-align:center;
}
.order_checkbox h2  {
	text-align:center;
	border:0;
	background: #3bb3c2;
	font-size:16px;
	color:#FFF;
	height:35px;
	line-height:35px;
	border:none;
}
.order_checkbox h4 {background:none;padding-left:12px;color:#E77611;font-size:16px;}
.order_checkbox .order_box {margin:10px auto;}

/*结算=>收货地址*/
.order_userinfo .order_table{
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
}
.order_userinfo .order_table dl {
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
}
.order_userinfo .order_table dl dt{
	width:9%;
	padding:0 1% 0 0;
	height:35px;
	line-height:35px;
	float:left;
	font-weight:bold;
	text-align:right;
}
.order_userinfo .order_table dl dd{
	width:90%;
	float:left;
	min-height:35px;
	line-height:35px;
}

.order_userinfo .b1 {border:0px solid #E0E0E0;padding:0px;margin:0px;}

.address_list {border:0px solid #FEDDC6; padding:4px;overflow:hidden;zoom:1;}
.address_list h3 {border-bottom:0px solid #FEDDC6;line-height:35px;height:35px;padding-left:10px;margin:0 20px;font-size:14px;}
.address_list ul li {color:both;padding-left:20px;line-height:35px;height:35px;}

.address_form {border:0px solid #ccc;overflow:hidden;zoom:1;padding:4px;margin-top:8px;}
.address_form ul {padding:5px;}
.address_form ul li {float:left;width:50%;line-height:35px;}
.address_form ul li input.input-text {line-height:25px;height:25px;padding:2px 3px;width:80%;}
.address_form ul li span {float:left;width:80px;}
.address_form ul li select{
	height: 30px;
    line-height: 30px;
}


/*结算=>配送方式*/
.order_shipping {
	width:100%;
	height:auto;
	display:block;
}
.order_shipping .order_table{
	width:100%;
	height:auto;
	display:block;
}
.order_shipping .order_table dl {
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
}
.order_shipping .order_table dl dt{
	width:12%;
	height:35px;
	float:left;
	line-height:35px;
}
.order_shipping .order_table dl dd{
	width:88%;
	float:left;
	height:auto;
	line-height:35px;
	display:block;
}
.order_shipping .order_table dl dd br{
	display:none;
}


/*结算=>支付方式*/
.order_payment .order_table dl{
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
}
.order_payment .order_table dl dt{
	float:left;
	width:12%;
	line-height:35px;
	text-align:left;
}
.order_payment .order_table dl dt b{text-align:center;margin:0 0 0 10%;}
.order_payment .order_table dl dd {
	float:left;
	width:88%;
	line-height:35px;
}
.order_payment .order_table dl dd .input-text{width:98%;}


/*结算=>商品信息*/
.order_product h2{
	display:block;
}
.order_product .order_table dl{
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
}
.order_product .order_table dl dt {
    width: 20%;
    background: #FFF;
    color: #666;
    height: 35px;
    line-height: 35px;
    float: left;
    font-weight: bold;
    text-align: center;
    border-bottom: solid #ddd 2px;
}
.order_product .order_table dl dd {
    width: 20%;
    height: auto;
    line-height: 100px;
    float: left;
    text-align: center;
}



.order_ok_message {color:both;padding:20px;text-align:center;font-size:14px;color:#FB0000;line-height:26px;}


/*结算=>总计*/
#prototal{
	width:100%;
	line-height:24px;
	overflow:hidden;
	zoom:1;
	padding:13px 0;
	text-align:right;
}
#prototal b {color:#FF3300;font-size:14px;font-weight:bold;}

.coutprice {
	height:40px;
	padding:0px;
	line-height:40px;
	overflow:hidden;
	zoom:1;
}
.coutprice ul{float:left;}
.coutprice ul.pricenumber{float:right;font-size:14px;}
.coutprice ul.pricenumber .red2 {color:#FB0000;font-size:18px;}



/*结算=>支付按钮*/
#buy_button{float:right;height:auto; margin:0px 10px 0px 0px; display:inline;}
#buy_button .clear{float:left;width:120px;height:40px;line-height:40px;margin:0px 10px 0 0px;}
#buy_button .clear i{float:left;font-size:16px;color:#FFF;position:absolute;margin:18px 0 0 10px;}
#buy_button .clear input{float:right;text-align:right;padding:0 10px 0 0;}

#buy_button .back{
    float: left;
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin: 0px 0 0 0px;
}
#buy_button .back i {
    float: left;
    font-size: 16px;
    color: #FFF;
    position: absolute;
    margin: 18px 0 0 10px;
}
#buy_button .checkout {
    float: right;
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin: 0px 0 0 10px;
}
#buy_button .checkout i {
    float: left;
    font-size: 16px;
    color: #FFF;
    position: absolute;
    margin: 18px 0 0 10px;
}


.img_but {float:right;border:none;margin:0px 10px;}
.noborder{border:none;}




/*列表*/
.table-list td,.table-list th{padding-left:12px;}
.table-list td img { vertical-align:middle;}
.table-list thead th{ height:30px; background:#eef3f7; border-bottom:1px solid #d5dfe8; font-weight:normal;line-height:30px;}
.table-list tbody td,.table-list .btn{border-bottom: #eee 1px solid;line-height:30px;}
div.btn{background:#f6f6f6; padding:6px 12px; height:30px;line-height:30px}
.table-list tr:hover,.table-list table tbody tr:hover{ background:#fbffe4}
.nHover tr:hover,.nHover tr:hover td{ background:none}
.table-list .input-text-c{ padding:0; height:18px}
.input-text-c{border:1px solid #A7A6AA;height:18px;padding:2px 0 0; text-align:center}
.td-line{border:1px solid #eee}
.td-line td,.td-line th{border:1px solid #eee}

.table-list tr.on,.table-list tr.on td,.table-list tr.on th,.table-list td.on,.table-list th.on{background:#fdf9e5;}
a.close-own{background: url(../Images/cross.png) no-repeat left 3px; display:block; width:16px; height:16px;position: absolute;outline:none;right:7px; top:8px; text-indent:200px; overflow: hidden}
a.close-own:hover{background-position: left -46px}


.input-text,.measure-input,textarea,input.date,input.endDate,.input-focus{
	border:1px solid #A7A6AA;
	line-height:28px;
	height:28px;
	margin:0 5px 0 0;
	border: 1px solid #d0d0d0; 
	font-family: Verdana, Geneva, sans-serif,"宋体";
	font-size:14px;
	padding:5px 5px;
	border-radius:5px;
	width:85%;
}

.input-focus{background: #FFF; border-color:#afcee6;font-size:12px;}
input.date,input.endDate{background: #fff url(../Images/admin_img/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}
textarea,textarea.input-text,textarea.input-focus{font-size:12px;height:auto; padding:5px; margin:0;}
select{ vertical-align:middle;background:none repeat scroll 0 0 #F9F9F9;border-color:#666666 #CCCCCC #CCCCCC #666666;border-style:solid;border-width:1px;color:#333;padding:2px;}
.search-form{ margin-bottom:10px}

/*表单提交*/
.table_form {margin:0px;width:95%;float:left; }
.table_form tbody,.table_form thead{border:0;padding:0;margin:0;}
.table_form  select{float:left;display:block;font-size:14px;padding:10px;line-height:28px; height:auto;border:solid #dbdbdb 1px;border-radius:5px;}
.table_form input{}
.table_form td{padding-left:12px}
.table_form th{width:20%;font-weight:normal;font-size:14px;text-align:right; color:#777}
.table_form td label{ vertical-align:middle;}
.table_form td,.table_form th{padding:8px 0 5px 8px;line-height:22px;}
.table_form tbody td,.table_form tbody th{border-bottom:0px solid #eee;}
.colorpanel tbody td,.colorpanel tbody th{ padding:0;border-bottom: none;}

.table_form .button{
	float:left;
	color:#FFF;
	font-size:14px;
	padding:10px 15px;
	height:auto;
	display:block;
	border:solid #dbdbdb 1px;
	border-radius:5px;
	background:#3bb3c2;
	margin:10px 5px;
}


.icon_user{
	background:url('../images/icon_user.png') left center no-repeat;
	background-size:30px;
	padding-left:30px;
}

.icon_pass{
	background:url('../images/icon_pass.png') left center no-repeat;
	background-size:30px;
	padding-left:30px;
}

.button:hover{background:#60E2F3;color:#FFF;}

em.error {overflow:hidden;zoom:1;background:url("../Images/unchecked.gif") no-repeat 0px 0px;  padding-left: 19px;color:red;}
em.success {overflow:hidden;zoom:1;background:url("../Images/checked.gif") no-repeat 0px 0px;  padding-left: 19px;color:red;}

.guestbook_list {margin:12px;line-height:26px;}
.guestbook_list dl {border:5px solid #E9E9EB;margin:8px auto;padding:5px;}
.guestbook_list dl dt {border-bottom:1px dashed #E9E9EB;height:26px;line-height:26px;color:#314E8C}
.guestbook_list dl dt span {float:right;line-height:26px;}
.guestbook_list dl dd.g_content {padding:5px;line-height:26px;}
.post_box {border:0px solid #eee;margin:15px;}
.post_box h5 {line-height:35px;text-align:center;font-size:14px;border-bottom:1px solid #eee;height:35px;background:#E9E9EB;}
/*user login*/




/*sitemap */
.mapbox{border:1px solid #ccc;}
.mapbox h4 {border:none;border-top:1px solid #ccc;margin-top:-1px;border-bottom:1px solid #eee;background:#EFEFEF;}
.smallcat ul li {float:left;line-height:24px;}
.smallcat ul li a {margin:0 8px;}



/*-- footer --*/
footer{
	width:100%;
	height:auto;
	padding:0em 0 0;
	margin:15px 0 0 0;
	display:block;
	overflow:hidden;
}
.footer{
	border-top: solid #f2f2f2 1px;
	padding:0em 0 0;
}
.map-color ul{
	padding: 7em 0 0;
	margin:0;
}
.map-color ul li{
	list-style-type:none;
	color:#343838;
	font-size: 20px;
	margin: 2em 0;
	font-weight: 700;
	line-height: 30px;
}
.map-color ul li.addr{
	background: url(../images/addr.png) no-repeat 10em 0px;
	display: block;
	padding-left: 14em;
}
.map-color ul li.mobile{
	background: url(../images/mobile.png) no-repeat 10em .1em;
	display: block;
	padding-left: 14em;
}
.map-color ul li.mes{
	background: url(../images/mes.png) no-repeat 10em .4em;
	display: block;
	padding-left: 14em;
}
.map iframe{
	width:100%;
	height:431px;
}
.map-color{
	background: rgba(239, 246, 247, 0.78);
	position: absolute;
	top: 0%;
	left: 0;
	min-height: 436px;
	width: 100%;
}
.footer-left{
	float:left;
	width:56.5%;
	height:auto;
	position: relative;
}
.footer-right{	
	background:#343838;
	padding:3.86em 2.1em;
	width:40%;
	height: 325px;
	float:right;
	position: absolute;
    right: 0px;
}
.map-color li a{
	color:#343838;
}
.map-color li a:hover{
	text-decoration:none;
	color:#afafaf;
}
.footer-right h4{
	color:#fff;
	font-size:15px;
	font-weight:600;
	margin:0;
}
.footer-right h4 span{
	font-size:22px;
}
.footer-right p{
	color:#AFAFAF;
	font-size:15px;
	margin:2em 0 3em;
	width:62%;
}
.footer-right input[type="text"]{
	outline:none;
	border:none;
	background:#2F3333;
	float:left;
	width:50%;
	font-size:14px;
	color:#fff;
	padding:20px 4px 20px 20px;
	margin: -1px 0 0 0;
}
.footer-right input[type="submit"]{
	outline:none;
	border:none;
	background: url(../images/right.png) no-repeat 1.5em 1.5em #252828;
	display:block;
	padding: 20px 30px;
}
.footer-right h5{
	color:#fff;
	font-size:15px;
	font-weight:600;
	margin:3em 0;
}
.footer-right h5 span{
	font-size:22px;
}
.footer-right ul{
	padding:0;
	margin:0;
}
.footer-right ul li{
	display:inline-block;
	margin: 0 5px;
}
.footer-right ul li a.facebook{
	background:url(../images/img-sprite.png) no-repeat -10px 0px;
	display:block;
	width: 45px;
	height: 45px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.footer-right ul li a.facebook:hover{
	background:url(../images/img-sprite.png) no-repeat -10px -74px;
	display:block;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.footer-right ul li a.circle{
	background:url(../images/img-sprite.png) no-repeat -70px 0px;
	display:block;
	width: 45px;
	height: 45px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.footer-right ul li a.circle:hover{
	background:url(../images/img-sprite.png) no-repeat -70px -74px;
	display:block;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.footer-right ul li a.p{
	background:url(../images/img-sprite.png) no-repeat -126px 0px;
	display:block;
	width: 45px;
	height: 45px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.footer-right ul li a.p:hover{
	background:url(../images/img-sprite.png) no-repeat -126px -74px;
	display:block;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.footer-right ul li a.g-plus{
	background:url(../images/img-sprite.png) no-repeat -186px 0px;
	display:block;
	width: 45px;
	height: 45px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.footer-right ul li a.g-plus:hover{
	background:url(../images/img-sprite.png) no-repeat -186px -74px;
	display:block;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.footer-right ul li a.twitter{
	background:url(../images/img-sprite.png) no-repeat -243px 0px;
	display:block;
	width: 45px;
	height: 45px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.footer-right ul li a.twitter:hover{
	background:url(../images/img-sprite.png) no-repeat -243px -74px;
	display:block;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.footer-right ul li a.rss{
	background:url(../images/img-sprite.png) no-repeat -308px 0px;
	display:block;
	width: 45px;
	height: 45px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.footer-right ul li a.rss:hover{
	background:url(../images/img-sprite.png) no-repeat -308px -74px;
	display:block;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.footer-left p{
	color:#fff;
	font-size:18px;
	margin:0px 0 0 0;
	padding:0px 0;
	height:46px;
	line-height:46px;
	background:#00A1B7;
	text-align:right;
	padding-right: 3em;
	
}
.footer-left a{
	color:#60E2F3;
}
.footer-left a:hover{
	text-decoration:none;
	color:#fff;
}
.copyright{
	width:100%;
	height:50px;
	line-height:50px;
	position:relative;
	background:#3bb3c2;
	text-align:center;
	color:#FFF;
}
.copyright a{color:#FFF;}
/*-- //footer --*/

.think_run_time {margin:0 auto;text-align:center;}



/*移动端样式 平板电脑==========================================================*/
@media all and (min-width: 767px) and (max-width: 999px) {
.warp{
	margin: 0px 0 0 0; 
}

#home {
	max-width:1200px;
	min-width:320px;
	width:100%;
	margin:15px auto;
	padding:0;
	border:0;	
}

#main{width:100%; height:auto;position:relative;display:block;margin:0;padding:0px 0 0 0;}

header {min-height: 70px;height:auto;}
header .header{min-height:70px;}
header .logo{top:0;z-index:10;width:auto;height:50px; background-size:80%; box-shadow:none;background-position:center center;position:relative;margin:0 0 0 10px;}
header .logo a{height:auto;min-height:50px;}
header .logo a img{width:auto;height:50px;margin:5px 0 0 0px;}

header .cart{top:40px;width:180px;height:auto;left:100px;z-index:20;box-shadow:none;background:none;position:absolute;}
header .cart .lang{float:left; top:-40px;margin-left:0;}
header .cart font{float:left;font-size:14px;margin: 10px 0 0 0px;}

header .menu{
	width:50px;
	display:block;
	z-index:9;
	position:absolute;
	float:right;
	line-height:100%;
	right:10px;top:10px;
}
header .menu img{width:50px;height:auto;overflow:hidden;}
header .menu font:hover{color:yellow;margin:2px 0 0 0;}

nav .iBar {
    width: 100%;
    float: right;
    height: 50px;
    line-height: 50px;
    text-align: left;
    position: relative;
}
nav .iBar a{
	color:#FFA300;
}
#login_div{text-align:left;}
nav{
	width:100%;
	height:auto;
	display:block;
	top:0px;
	box-shadow:none;
	overflow:hidden;
	padding:0;
	margin:0px 0 0 0;
	background:none;
}

.nav{height:auto;line-height:200%;top:0px;display:none;width:100%;}
.nav ul{width:100%;height:auto; border-bottom:solid rgba(255,255,255,0.08) 1px; margin:0;max-width:100%;}
.nav ul li {width:100%;height:auto; border-bottom:solid rgba(255,255,255,0.08) 1px;}
.nav ul li.on {height: 50px; }

.nav ul li a{width:auto;max-width:120px;float:none;line-height:50px;margin-left:5%;}
.nav ul li ul{width: 100%; height:auto;margin-top:0px;}
.nav ul li ul li{width: 100%; height:50px;line-height:50px; overflow:hidden;position:relative;}
.nav ul li ul li a{width:100%;float:left;max-width:100%;height:50px;line-height:50px; padding:0 0 0 6%;margin:0;overflow:hidden;position:relative; }
.nav ul li a:hover ,.nav ul li a .on{width:100%;color:#FFF;height:50px;line-height:50px;float:left;text-align:left;text-decoration:none;border-radius:0px;}

.iArticle{width:100%; margin:0px;padding:0;position: relative;overflow:hidden;}
.iArticle p.aBar{width:96%; z-index:99; display:block; position:absolute; overflow:hidden; margin:10% 2%; }
.iArticle p.aBar a.flex-prev{margin-left:0px;background:url('../images/iprev.png') left center no-repeat;z-index:8;background-size: 50%;}
.iArticle p.aBar a.flex-next{background:url('../images/inext.png') right center no-repeat;z-index:8;background-size: 50%;}

.iArticle .artbox{width:90%;height:250px;}
.iArticle .artbox ul{width:100%;list-style:none; padding:0;margin:0 auto;float:left;}
.iArticle .artbox ul li{width:100%; height:250px;font-size:12px;float:none;padding:0;margin:0 auto;}
.iArticle .artbox ul li h4{min-width:300px;height:50px;font-size:14px;}
.iArticle .artbox ul li p{height:120px;}
.iArticle .artbox ul li .more{ float:right; margin-left:85%;margin-top:0%;font-size:14px;position:absolute;color:#FF9000;}

.iProduct {
	width: 96%;
    height: auto;
    padding: 0;
    margin: 0 2%;
    position: relative;
    overflow: hidden;
	}
.iProduct ul{width:100%; height:auto; padding:0; margin:0 auto;list-style:none;float:left;}
.iProduct ul li{float:left; width:100%; height:auto; padding:0; margin:5px auto;}
.iProduct ul li h4{width:50%;overflow:hidden;font-size:14px;text-align:left;margin:0px 0px 0px 10px;}
.iProduct ul li p{width:80%;padding:0; margin:50px 0px 0 10px;}
.iProduct ul li p strong{color:red;margin:-30px 0px 0px 20px;float:left;font-size:16px;}
.iProduct ul li p font{margin:20px 60px 0px 0px;}
.iProduct ul li img{width:40%;float:left;padding:10px; margin:0 auto;}

.iProduct .pBar{width:100%; display:none;}
.iProduct .probox{width:100%; height:auto;}

.iNews{
	width:96%;
	margin:50px 2%;
	height:auto;
	display:block;
	position:relative;
}
.iNews ul{width:100%;height:auto;float:none; }
.iNews ul li {
	float: left;
    width: 45%;
    margin: 1% 1%;
    height: auto;
	min-height:280px;
}
.iNews ul li p{
	min-height: 120px;
}
.iNews ul li:last-child{
	min-height:280px;
}
.iNews ul li img{width:98%;height:auto;float:none; }


/*单页*/
#main .left{width:100%;height:auto;min-height:768px;display:block;}
#main .right{display:none;}

.list dl.img{width:32%;margin:1% 0.5%;padding:0;overflow:hidden;}
.list dl.img dd.pic{width:100%; height:200px; min-width:150px;min-height:150px;float:left;overflow:hidden;}
.list dl.img dt.tit{width:93%; min-width:135px; float:right;}

.list .thumb img{width:100%;height:auto;}
.list .txtbox{width:100%;height:auto;}
.list .txt li p{
	width:98%;
	max-height:360px;
	overflow:hidden;
	text-overflow:ellipsis;
	height:auto;
	/*white-space:nowrap;*/
}
.list .txt,.list .txt li{margin:0;padding:0;}
.list .txt li{border-bottom:dashed #dbdbdb 1px;}
.list .txt h3{white-space:normal;}
.list .txt h3 span{display:none;}

.pos{
	margin:0px 0 10px -10px;
	padding:10px 0 0 50px;
	width:85%;
	height:40px;
	line-height:40px;
	display:block;
	background-size:40px;
	overflow:hidden;
}

#content .p_box {float:none;width:auto;height:auto;margin:0 0 0 0px;position: absolute;}
#content .p_info{float:right;width: 52%; margin-left: 5px;min-width: 260px;}
#content .p_info dl{
	width:100%;
	margin:0;
	padding:0;
	border:0;
}
#content .p_tabs{margin:15% 0 0 0;}

#playbox{width:100%;}
#playbox .pageLeft{width:50%;}
#playbox .pageRight{width:50%;}
.pageLeft span,.pageRight span{width:50%;height:auto;min-height:50px;background-size:50%;}
.pageLeft span a, .pageRight span a{width:100%;height:auto;}
#Main-C .smallPic div.f_l li span{width:100%;height:auto;}
#Main-C .smallPic div.f_l li span img{width:100%;height:auto;}
#end {width:100%;}

.news{
	padding:0 0 5em 0;
}
.work{
	margin:0px 0 0 0;
}
.work-box-line{
	width: 50%;
	padding:50px 0;
}
.work-box{
	width:56%;margin:0 22%;
}
.services {
    background: #3bb3c2;
    position: relative;
    padding: 0 0 55em;
    margin-bottom: 5em;
}
.service-box{
	width:56%;margin:0 22%;
}
.service-grids{width:100%;margin:5% 0%;left:0;position: relative;}
.service-grid{float:left;width:46%;margin:1% 2%;padding:5em 0;}
.service-grid:nth-child(2) {float:right;width:46%;margin:1% 2%;padding:5em 0;}
.service-grid:nth-child(3) {float:left;width:46%;margin:1% 2%;padding:5em 0;}
.service-grid:nth-child(4) {float:right;width:46%;margin:1% 2%;padding:5em 0;}


.portfolio-wrapper{width:46.5%; margin: 0.5% 1%;background:none;}
.service-box-line{width:45%;padding:50px 5% 0 0;}
.news-box{width:56%;margin:0 22%;}



/*网站底部*/
footer{width:100%; display:block;overflow:hidden;}
.map-color ul li{
	margin:1em 0;
	
}
.map-color ul li.addr{
	padding:0 0 0 2.5em;
	background: url(../images/addr.png) no-repeat 0.5em 0px;
}
.map-color ul li.mobile{
	background: url(../images/mobile.png) no-repeat 0.5em 0em;
    display: block;
    padding-left: 2.5em;
}
.map-color ul li.mes {
    background: url(../images/mes.png) no-repeat 0.5em 0em;
    display: block;
    padding-left: 2.5em;
}

.footer-left{float:right;width:100%;height:auto;margin:400px 0 0 0;position:relative;}
.footer-left p.copyright{width:96%;line-height:30px;margin:0px 0 0 0;padding:0 2%;text-align:center;}
.footer-right{float:left;width:100%;position:absolute;padding:0 1%;margin:0px 0 0 0;}
.footer-right h4{width:90%;margin-left:5%;line-height:50px;}
.footer-right p{width:95%;margin-left:5%;}
.footer-right form{width:90%;margin-left:5%;}
.footer-right input[type="text"]{
	width:65%;
	margin-left:5px;
}
.footer-right h5{width:90%;margin-left:5%;}
.footer-right ul {margin-left:3%;}
.footer-right ul li{margin:10px 2% 10px 2%;}



}


/*手机端=========================================================*/
@media only screen and (max-width: 767px) {
.warp{ margin: 50px 0 0 0;}
#main{width:100%; height:auto;position:relative;display:block;margin:0;padding:0px 0 0 0;}

header {background: rgba(0,0,0,0.8);min-height:50px;}
.header {min-height:50px;border-bottom:1px solid rgba(59,179,194,0.2);}
header .logo{top:0;z-index:10;width:auto;height:50px; background-size:80%; box-shadow:none;background-position:center center;position:relative;}
header .logo a{height:auto;min-height:50px;}
header .logo a img{width:auto; height:40px;margin:5px 0 0 10px;}

header .cart{top:40px;width:180px;height:auto;left:100px;z-index:20;box-shadow:none;background:none;position: absolute;}
header .cart .lang{float:left; top:-40px;margin-left:0;}
header .cart font{float:left;margin:0;font-size:14px;}

header .menu{
	width:30px;
	display:block;
	z-index:9;
	position:absolute;
	float:right;
	line-height:100%;
	right:10px;
	top:10px;
}

header .menu img{width:30px;height:auto;overflow:hidden;}
header .menu font:hover{color:yellow;margin:2px 0 0 0;}
nav{background:none;}
nav .iBar {
    width: 100%;
    float: right;
    height: 50px;
    line-height: 50px;
    text-align: left;
    position: relative;
}
nav .iBar a{
	color:#333;
}
nav{width:100%;height:auto;display:block;top:0px; box-shadow:none; overflow:hidden;padding:0;margin:0px 0 0 0;}

.nav{height:auto;line-height:200%;top:0px;display:none;width:100%;}
.nav ul{width:100%;height:auto; border-bottom:solid rgba(255,255,255,0.08) 1px; margin:0;max-width:100%;}
.nav ul li {width:100%;height:auto; border-bottom:solid rgba(255,255,255,0.08) 1px; }
.nav ul li a{width:100%;min-width:120px;float:none;line-height:50px;padding-left:5%;overflow:hidden;}
.nav ul li ul{ width: 100%; height:auto;margin-top:0px;overflow:hidden;}
.nav ul li ul li{width: 100%; height:50px;line-height:50px; overflow:hidden;position:relative;}
.nav ul li ul li a{width:100%;max-width:100%;height:50px;line-height:50px; padding:0 0 0 6%;margin:0;overflow:hidden;position:relative;}
.nav ul li a:hover ,.nav ul li a .on{width:100%;color:#FFF;height:50px;line-height:50px;float:left;text-align:left;text-decoration:none;border-radius:0px;}
.nav ul li.on {
	height:50px;
}
.nav span.login{
	height:50px;
}


.iArticle{width:100%; margin:0px;padding:0;position: relative;overflow:hidden;}
.iArticle p.aBar{width:100%; z-index:99;display:block;position:absolute;overflow:hidden;margin:20% auto; }
.iArticle p.aBar a.flex-prev{margin-left:0px;background:url('../images/iprev.png') left center no-repeat;z-index:8;background-size: 20%;}
.iArticle p.aBar a.flex-next{background:url('../images/inext.png') right center no-repeat;z-index:8;background-size: 20%;}

.iArticle .artbox{width:90%;height:250px;}
.iArticle .artbox ul{width:100%;list-style:none; padding:0;margin:0 auto;float:left;}
.iArticle .artbox ul li{width:100%; height:250px;font-size:12px;float:none;padding:0;margin:0 auto;}
.iArticle .artbox ul li h4{min-width:300px;height:50px;font-size:14px;}
.iArticle .artbox ul li p{height:120px;}
.iArticle .artbox ul li .more{ float:right; margin-left:85%;margin-top:0%;font-size:14px;position:absolute;color:#FF9000;}
.iArticle .artbox ul li a {
    color: #FFF000;
    height: auto;
    line-height: 150%;
    font-size: 18px;
}

.iProduct {width:100%; height:auto; padding:0; margin:0 auto; position:relative;overflow:hidden;}
.iProduct ul{width:100%; height:auto; padding:0; margin:0 auto;list-style:none;float:left;}
.iProduct ul li{float:left; width:100%; height:auto; padding:0; margin:5px auto;}

.iArticle .artbox ul li a {
    color: #FFF000;
    height: auto;
    line-height: 150%;
    font-size: 18px;
}
.iProduct ul li h4{width:50%;overflow:hidden;font-size:14px;font-weight: bold;text-align:left;margin:0px 0px 0px 10px;}
.iProduct ul li p{width:80%;padding:0; margin:50px 0px 0 10px;}
.iProduct ul li p strong{color:red;margin:-30px 0px 0px 0px;float:left;font-size:16px;}
.iProduct ul li p font{margin:20px 60px 0px 0px;}
.iProduct ul li img{width:40%;float:left;padding:10px; margin:0 auto;}

.iProduct .pBar{width:100%; display:none;}
.iProduct .probox{width:100%; height:auto;}

.news{
	padding:0 0 5em 0;
}
.work{
	margin:700px 0 0 0;
}
.work-box-line{
	width: 50%;
	padding:50px 0;
}
.work-box{
	width:96%;margin:0 2%;
}

.service-box{
	width:96%;margin:0 2%;
}
.service-grids{width:100%;margin:0 0%;left:0;position: relative;}
.service-grid{
	width: 100%;
    margin: 25px 0%;
    padding: 15px 0px;
}
.service-grid:nth-child(2){
	width:96%;
	margin:0 2%;
}

.portfolio-wrapper{
	width: 45%;
    margin: 10px 1%;
	min-height: 236px;
}
.service-box-line{width:45%;padding:50px 5% 0 0;}
.news-box{width:96%;margin:0 2%;}

.iNews{width:96%;margin:0 2%;height:auto;display:block;position:relative;}
.iNews ul{width:100%;height:auto;float:none; }
.iNews ul li {width:98%;height:auto;float:none; }
.iNews ul li img{width:98%;height:auto;float:none; }

/*单页*/
#main .left{width:100%;height:auto;min-height:768px;display:block;}
#main .right{display:none;}

.list dl.img{width:98%;margin:2% 0.5%;padding:0;overflow:hidden;}
.list dl.img dd.pic{width:96%; margin:0 2%;height:200px; min-width:150px;min-height:150px;float:left;overflow:hidden;}
.list dl.img dt.tit{width:93%; min-width:135px; float:right;}

.list .thumb a img{width:100%;height:auto;float:left;}
.list .txtbox{width:100%;height:auto;}
.list .txt li p{
	width: 95%;
	overflow:hidden;
	text-overflow:ellipsis;
	height:auto;
}
.list .txt li p.thumb{
	width:98%;
	max-height:260px;
	overflow:hidden;
	text-overflow:ellipsis;
	height:auto;
	/*white-space:nowrap;*/
}
.list .txt,.list .txt li{margin:0;padding:0;}
.list .txt li{border-bottom:dashed #dbdbdb 1px;}
.list .txt h3{white-space:normal;}
.list .txt h3 span{display:none;}
.list .txt li h3 a{line-height:30px;}
.pos{
	margin: 0px 0 0px -10px;
    padding: 5px 0 0 60px;
	width:85%;
	height:40px;
	line-height:40px;
	display:block;
	background-size:40px;
	overflow:hidden;
}
.p_box {float:none;width:auto;height:auto;margin:0 0 0 0px;}

#playbox{width:100%;}
#playbox .pageLeft{width:50%;}
#playbox .pageRight{width:50%;}
.pageLeft span,.pageRight span{width:50%;height:auto;min-height:50px;background-size:50%;}
.pageLeft span a, .pageRight span a{width:100%;height:auto;}
#Main-C .smallPic div.f_l li span{width:100%;height:auto;}
#Main-C .smallPic div.f_l li span img{width:100%;height:auto;}
#end {width:100%;}


/*网站底部*/
footer{width:100%; display:block;overflow:hidden;}
.map-color ul li{
	margin:1em 0;
	
}
.map-color ul li.addr{
	padding:0 0 0 2.5em;
	background: url(../images/addr.png) no-repeat 0.5em 0px;
}
.map-color ul li.mobile{
	background: url(../images/mobile.png) no-repeat 0.5em 0em;
    display: block;
    padding-left: 2.5em;
}
.map-color ul li.mes {
    background: url(../images/mes.png) no-repeat 0.5em 0em;
    display: block;
    padding-left: 2.5em;
}
.nav{
	height:auto;
}
.nav_box{
	height: auto;
    margin: 0px 0%;
    position: relative;
    width: 100%;
	display:none;
	background:none;
}
.nav ul li.on a {
    line-height: 50px;
}
.nav_box .cart{
	width:100%;
	height:auto;
	position:absolute;
	left:0%;
}
.nav_box .top_right{
     float: left;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0px 0 0 0;
}

.nav_box .iBar{
	width:96%;
	position:absolute;
	height:auto;
	margin:0px 2%;
	border:0;
}
header .nav span.login{
	float: right;
	border: 0px;
}

.nav_box .topsearch{
    width: 95%;
    margin: 0px 0 0 2%;
	display:block;
	position:relative;
	display:none;
}

#buy_box{
	float:left;
	position:absolute;
}
#module{
	margin:-10px 0 0 -20px;
}
.nav_box .topsearch .button{
	margin:0px 0 0 -30px; 
}
 
.footer-left{float:right;width:100%;height:auto;margin:400px 0 0 0;position:relative;}
.footer-left p.copyright{width:96%;line-height:30px;margin:0px 0 0 0;padding:0 2%;text-align:center;}
.footer-right{float:left;width:100%;position:absolute;padding:0 1%;margin:0px 0 0 0;}
.footer-right h4{width:90%;margin-left:10px;line-height:50px;}
.footer-right p{width:95%;margin-left:10px;}
.footer-right form{width:90%;margin-left:10px;}
.footer-right input[type="text"]{
	width:65%;
	margin-left:5px;
}
.footer-right h5{width:90%;margin-left:10px;}
.footer-right ul li{margin:0 0.5%;}


}


@media all and (min-width: 420px) and (max-width: 640px) {
	
.portfolio-wrapper{
	width: 45%;
	margin: 10px 1.2%;
}
}